<html>
<head>
    <meta charset="utf-8">
    <title>职位画像管理系统-{{ title }}</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="{{ url_for('static',filename='layui/css/layui.css',t='20180530-2') }}" media="all">
    <link rel="stylesheet" href="{{ url_for('static',filename='layui/css/modules/layer/default/layer.css') }}"
          media="all">
    <link id="layuicss-layuiAdmin" rel="stylesheet" href="{{ url_for('static',filename='css/admin.css') }}" media="all">
    <link id="layuicss-layuiAdmin" rel="stylesheet" href="{{ url_for('static',filename='css/login.css') }}" media="all">
</head>
<body ryt13721="1" layadmin-themealias="default" class="layui-layout-body" style="">
<div id="LAY_app" class="layadmin-tabspage-none">

    <div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login">

        <div class="layadmin-user-login-main">
            <div class="layadmin-user-login-box layadmin-user-login-header">
                <h2>职位画像</h2>
                <p>后台管理系统</p>
            </div>
            <div class="layadmin-user-login-box layadmin-user-login-body layui-form">
                <div class="layui-form-item">
                    <label class="layadmin-user-login-icon layui-icon layui-icon-username"
                           for="LAY-user-login-username"></label>
                    <input type="text" name="username" id="LAY-user-login-username" lay-verify="required"
                           placeholder="用户名" class="layui-input">
                </div>
                <div class="layui-form-item">
                    <label class="layadmin-user-login-icon layui-icon layui-icon-password"
                           for="LAY-user-login-password"></label>
                    <input type="password" name="password" id="LAY-user-login-password" lay-verify="required"
                           placeholder="密码" class="layui-input">
                </div>
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs7">
                            <label class="layadmin-user-login-icon layui-icon layui-icon-vercode"
                                   for="LAY-user-login-vercode"></label>
                            <input type="text" name="vercode" id="LAY-user-login-vercode" lay-verify="required"
                                   placeholder="图形验证码" class="layui-input">
                        </div>
                        <div class="layui-col-xs5">
                            <div style="margin-left: 10px;">
                                <img src="{{ url_for('captcha',r='0.1') }}" class="layadmin-user-login-codeimg"
                                     id="user-get-vercode">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <button class="layui-btn layui-btn-fluid" lay-submit="" lay-filter="LAY-user-login-submit">登 入
                    </button>
                </div>
            </div>
        </div>

        <div class="layui-trans layadmin-user-login-footer">

            <p>© 2018 <a href="/" target="_blank">职位画像</a></p>
        </div>

    </div>
    <script src="{{ url_for('static',filename='layui/layui.js') }}" type="text/javascript"></script>
    <script>
        layui.use(['form'], function () {
            var $ = layui.$
                , form = layui.form;

            form.render();

            //提交
            form.on('submit(LAY-user-login-submit)', function (obj) {
                //请求登入接口
                $.ajax({
                    url: '/admin/login' //实际使用请改成服务端真实接口
                    , data: obj.field
                    , type: 'post'
                    , success: function (res) {
                        //请求成功后，写入 access_token
                        //登入成功的提示与跳转
                        if (res.status == 1) {
                            layer.msg('登入成功', {
                                offset: '15px'
                                , icon: 1
                                , time: 1000
                            }, function () {
                                window.location.href = res.redirect ? res.redirect : '/admin/index';
                            });
                        }
                        else {
                            layer.msg(res.info, {
                                offset: '15px'
                                , icon: 2
                                , time: 1000
                            });
                            $('#user-get-vercode').attr('src', '{{ url_for('captcha') }}?r=' + Math.random());
                        }
                    }
                });
            });

            //实际使用时记得删除该代码
            layer.msg('欢迎使用职位画像后台管理系统', {
                offset: '15px'
                , icon: 1
            });
            $('#user-get-vercode').click(function () {
                $(this).attr('src', '{{ url_for('captcha') }}?r=' + Math.random());
            })
        });

    </script>
</div>

<style id="LAY_layadmin_theme">.layui-side-menu, .layadmin-pagetabs .layui-tab-title li:after, .layadmin-pagetabs .layui-tab-title li.layui-this:after, .layui-layer-admin .layui-layer-title, .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child {
    background-color: #20222A !important;
}

.layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a {
    background-color: #009688 !important;
}

.layui-layout-admin .layui-logo {
    background-color: #20222A !important;
}</style>
<div class="layui-layer-move"></div>
</body>
</html>